<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--style-->
<!--使用css的第一种方式:行内样式(style)
使用style去写样式的时候,格式是:
style="属性1:属性值;属性2:属性值...."-->
<div style="border-width: 2px;
border-style: dashed;
border-color: red;">
    哈哈哈哈哈
</div>
<div style="border:2px dashed red;text-align: center">
    <!--text-align: center文字居中-->
    <span style="color: red;font-size:20px;
font-weight: 200;
font-style: italic;
font-family: 'Kaiti SC'"
    >哈哈哈哈哈</span>
    <div>
        aaaa
    </div>
</div>
</body>
</html>